import Vue from "vue";
import VueRouter from "vue-router";
import Seacrh from '../views/home/backups/index.vue'
// import Song from '../views/Music/song.vue'

Vue.use(VueRouter);

const routes = [
  {
    path: "/",
    component: () => import('../views/home/index.vue')
  },
  {
    path: "/home/backups",
    name: Seacrh,
    component: () => import('../views/home/backups/index.vue')
  },
  {
    path: "/animate",
    name: Seacrh,
    component: () => import('../views/animate/index.vue')
  },
  // {
  //   path: "/seacrh",
  //   name: 'Seacrh',
  //   component: () => import('../views/home/backups/search.vue')
  // },
  {
    path: '/song/:id',
    name: 'Song',
    component: () => import('../views/home/backups/song.vue')
  },
  {
    path: "/logo",
    name: "Logo",
    component: () => import('../views/logo.vue')
  },
  {
    path: "/chachao",
    name: "chachao",
    component: () => import('../views/chachao.vue')
  },
  {
    path: "/home",
    component: () => import('../views/home/'),
    children: [
      {
        path: 'file',
        component: () => import('../views/home/file')
      },
      {
        path: 'shared',
        component: () => import('../views/home/shared/')
      },
      {
        path: 'starred',
        component: () => import('../views/home/starred/')
      },
      {
        path: 'recent',
        component: () => import('../views/home/recent/')
      },
      {
        path: 'offline',
        component: () => import('../views/home/offline/')
      },
      {
        path: 'uploads',
        component: () => import('../views/home/uploads/')
      },
      {
        path: 'backups',
        component: () => import('../views/home/backups/')
      },
    ]
  }

];

const router = new VueRouter({
  routes
});

export default router;
